﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="register.aspx.cs" Inherits="HelloASPX.register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>注册</title>
    <link rel="stylesheet" href="./libs/particles/css/style.css" />
	<link rel="stylesheet" href="./libs/sweetalert2/sweetalert2.min.css" />
	<link rel="stylesheet" href="./css/base.css" />
	<link rel="stylesheet" href="./css/login.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="particles-js"></div>
	<div id="wrapper">
		<div>
			 <a  href="ProductList.aspx"><img src="./img/logo.png" style="width:300px;" /></a>
			<h2>欢迎您的注册</h2>
		</div>
		<nav class="switch_nav">
			<a href="javascript:;" id="switch_signup" class="switch_btn on">注册</a>
            <a href="Login.aspx" id="switch_login" class="switch_btn">登陆</a>
			<div class="switch_bottom" id="switch_bottom"></div>
		</nav>
			<ul class="group_input">
				<li>
                    <asp:TextBox ID="txtUsername" runat="server" type="text" placeholder="用户名" class="name required" name="username" AutoPostBack="True" OnTextChanged="txtUsername_TextChanged"></asp:TextBox>
                    <asp:Label ID="userNameLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="txtMima" runat="server" type="password" placeholder="密码(不少于6位)" class="psd required" name="mima" AutoPostBack="True" OnTextChanged="txtMima_TextChanged"></asp:TextBox>
					<asp:Label ID="mimaLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="confirmPassword" runat="server" type="password" placeholder="确认密码" class="psd required" AutoPostBack="True" OnTextChanged="confirmPassword_TextChanged"></asp:TextBox>
					<asp:Label ID="confirmPasswordLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="txtEmail" runat="server" type="text" placeholder="邮箱" name="email" AutoPostBack="True" OnTextChanged="txtEmail_TextChanged"></asp:TextBox>
                    <asp:Label ID="txtEmailLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
					<div class="radio">
                        性别：<br />
						<asp:RadioButtonList ID="sexBList" runat="server" OnSelectedIndexChanged="sexBList_SelectedIndexChanged">
                            <asp:ListItem Selected="True">男</asp:ListItem>
							<asp:ListItem>女</asp:ListItem>
                        </asp:RadioButtonList>
					</div>
				</li>
				<li>
                    <asp:TextBox ID="txtAge" runat="server" type="number" placeholder="年龄" name="age" AutoPostBack="True" OnTextChanged="txtAge_TextChanged"></asp:TextBox>
					<asp:Label ID="ageLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="txtcsrq" runat="server" placeholder="生日" name="birthdate" TextMode="Date" AutoPostBack="True" OnTextChanged="txtcsrq_TextChanged"></asp:TextBox>
					<asp:Label ID="csrqLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="txtTel" runat="server" type="text" placeholder="手机号(仅支持中国大陆)" class="mobile required" name="tel" AutoPostBack="True" OnTextChanged="txtTel_TextChanged"></asp:TextBox>
					<asp:Label ID="txtTelLabel" runat="server" Font-Bold="True" Font-Size="12px" ForeColor="Red"></asp:Label>
				</li>
				<li>
                    <asp:FileUpload ID="photo" runat="server" type="file" placeholder="上传头像" name="photo"/>
					<asp:Label ID="Label8" runat="server"></asp:Label>
				</li>
				<li>
                    <asp:DropDownList ID="ddlQu" runat="server" name="passwordQuestion">
                        <asp:ListItem>1.你的家乡是哪里？</asp:ListItem>
                        <asp:ListItem>2.你的母校是哪里？</asp:ListItem>
                        <asp:ListItem>3.你的老师叫什么名字？</asp:ListItem>
                    </asp:DropDownList>
					<asp:Label ID="Label9" runat="server"></asp:Label>
				</li>
				<li>
                    <asp:TextBox ID="txtAnswer" runat="server" type="text" placeholder="答案" name="answer"></asp:TextBox>
					<asp:Label ID="Label10" runat="server"></asp:Label>
				</li>
			</ul>
        <asp:Button ID="registerButton" runat="server" Text="点击注册" class="submit_btn" OnClick="registerButton_Click" />

	</div>
    </form>

	<script src="./libs/jquery-1.12.4/jquery.min.js"></script>
	<script src="./libs/sweetalert2/sweetalert2.min.js"></script>
	<script src="./libs/particles/particles.min.js"></script>
	<script src="./libs/particles/js/app.js"></script>
	
	<script>
        var count_particles, stats, update;
        stats = new Stats;
        stats.setMode(0);
        stats.domElement.style.position = 'absolute';
        stats.domElement.style.left = '0px';
        stats.domElement.style.top = '0px';
        document.body.appendChild(stats.domElement);
        count_particles = document.querySelector('.js-count-particles');
        update = function () {
            stats.begin();
            stats.end();
            if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
                count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
            }
            requestAnimationFrame(update);
        };
        requestAnimationFrame(update);
    </script>
</body>
</html>
